<meta http-equiv="Content-Type" content="text/html" charset="utf-8"/>
<HEAD>
<style>
	#wikicontent{
		border: 1px solid #ccc;
	}

	#wikicontent pre {
	  	font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
	  	font-size: 93%;
	}

	pre.prettyprint {
	  	padding: 0.5em;
	  	overflow: auto;
	  	font-family: Monaco, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Lucida Console', monospace;
	  	font-size: 93%;
	}
	.vt { vertical-align:top;}

	#wikicontent pre.prettyprint {
		margin:14px;
	  	background-color: #eee;
	}
</style>

</HEAD>
<BODY>
<div id="wikicontent">
	<DIV id=wikimaincol class=vt>
<PRE>

<h3>Javascript logger debug tools kingfishers - jzshmyt</h3>

1、Kingfishers简介</PRE>
<PRE class=prettyprint>
      Kingfishers是一个用javascript语言编写的js日志调试工具,能够代替alert,
在浏览器中连续输出javascript运行日志,主要用于客户端脚本的分析和查错。自己为
工具起的名字是 kingfishers(翠鸟),寓意她将精致的栖息于您的项目中.
<A href="http://jskfs.googlecode.com/svn/trunk/jslogger/example.htm" target="_blank"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/example/kexample.PNG"></A><A href="http://jskfs.googlecode.com/files/Kingfishers-1.0.4.rar"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/example/kexample1.PNG"></A> 
<A href="http://jskfs.googlecode.com/svn/trunk/jslogger/online_use_kingfishers.html" target="_blank"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/use_kingfishers.PNG"></A>
</PRE>
<PRE>
2、参数配置详解
</PRE>
<PRE class=prettyprint>
*编号**参数列表*   *默认值*     *参数说明* *版本*
 01   src         logger.js   (必须)logger.js文件路径 v1.0.0 
 02   enabled     true        (可选)是否启用log功能 是:true(默认)/否:false v1.0.0 
 03   lang        "cn"        (可选)界面初始语言 中文:cn(默认)/英文:en v1.0.0 
 04   time        false       (可选)时刻显示开关 显示:true/隐藏:false(默认) v1.0.0 
 05   contextmenu true        (可选)右键开关 有效:true(默认)/无效:false v1.0.0 
 06   highlighter true        (可选)代码高亮 使用:true(默认)/不使用:false  v1.0.0 
 07   suspended   true        (可选)控制台悬浮开关 支持悬浮:true(默认)/不支持悬浮:false v1.0.0 
 08   cookie      true        (可选)是否支持cookie 支持:true(默认)/不支持:false v1.0.0 
 09   simplemode  false       (可选)是否以简易模式显示控制台 简易模式:true/标准模式:false(默认) v1.0.0 
 10   min         false       (可选)是否初始显示为最小化 是:true/否:false(默认) v1.0.0 
 11   moveborder  true        (可选)拖动及调整Console大小时是否出现虚线框 是:true(默认)/否:false v1.0.1 
 12   targetdiv   null        (可选)将日志Console嵌入到指定id的div中  v1.0.2 
 13   skinid      null        (可选)0:橘黄1:蓝色A 2.蓝色B 3:蓝色C 4:蓝色D 不设(默认):圆角简易  v1.0.3 
 14   debug       false       (可选)是否支持代码执行功能 是:true/否:false(默认)  v1.0.3 
 15   beautify    true        (可选)是否启用代码格式化 启用:true(默认)/禁用:false <font color="red">v1.0.4</font>
 16   ease        true        (可选)是否启用菜单缓动效果 true:启用(默认)/false:禁用 <font color="red">v1.0.4</font>
 17   popup       false       (可选)是否弹出窗口 true:弹出/false:内嵌(默认) <font color="red">v1.0.4-2011</font>
</PRE>
<PRE>
3、快捷键详解 
</PRE>
<PRE class=prettyprint>
*编号*  *快捷键*      *说明*   *版本*
 01     Shift + D     在控制台输出当前活动元素的SourceCode  v1.0.1
 02     Shift + S     显示控制台  v1.0.2
 03     Shift + A     隐藏控制台  v1.0.2
 04     Shift + K     显示页面HEAD部分源代码  v1.0.3
 05     方向控制        ↑上移控制台 ← 左移控制台 ↓ 下移控制台 → 右移控制台  v1.0.3
 06     Shift + Q     控制台界面换肤  <font color="red">v1.0.4</font>
 07     Shift + F2    移动开关图标 左上↖ 右上↗ 右下↙ 左下↘  <font color="red">v1.0.4</font>
 08     F2            控制台设置为标准尺寸,位置居中  <font color="red">v1.0.4</font>
</PRE>
<PRE>
4、界面示意图 
</PRE>
<PRE class=prettyprint>
<TABLE class=wikitable>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-skinid.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/k-yellow.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-basic-line.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-simple-line.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-show.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-resize.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-sourcecode-pic.PNG"></TD></TR>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/logger-readme.PNG"></TD></TR></TBODY></TABLE>
</PRE>
<PRE>
5、动态加载流程图解 
</PRE>
<PRE class=prettyprint>
<TABLE class=wikitable>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px"><IMG src="http://jskfs.googlecode.com/svn/trunk/jslogger/images/k_jgt.PNG"></TD></TR></TBODY></TABLE>
</PRE>
<PRE>
6、kingfishers-v1.0.4特征
</PRE>
<PRE class=prettyprint>
--------------------------------------------------------------------------
kingfishers-v1.0.4  jzshmyt by 2010-10-25
--------------------------------------------------------------------------
	01.新增 F2快捷键: 控制台设置为标准尺寸,位置居中
	02.新增 Shift+F2 快捷键: 甲壳虫开关图标 移动. 左上↖ 右上↗ 右下↙ 左下↘ 
	03.新增 beautify参数：是否启用代码格式化功能   启用:true(默认)/禁用:false
	04.新增控制台右上角的logo信息.
	05.完善核心日志输出接口,支持function及object中的function输出代码美化和高亮。
	06.完善$Error接口,修改方法调栈处理细节,排除自己。
	07.重新封装并优化代码结构.
	08.重写alert方法,重写console对象,实现info,log,warn,exception,error方法。
	09.新增build.html工具。
	10.库文件按需加载,将核心库文件差分为：
		1)logger.js(默认加载)、
		2)logger-base.js(默认加载)、
		3)logger-core.js(enabled=true时加载)、
		4)Highlighter.js(highlighter=true时加载)、
		5)Beautify.js(beautify=true时加载)
	11.统一 "扩展组件注册接口"
	12.完善右键菜单式样、分割线细节美化
	13.增加 Shift+Q快捷键: 控制台界面换肤功能
</PRE>
	</DIV>
</div>


</BODY>